<!DOCTYPE html>
<html lang="zn-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML语义化</title>
</head>
<body background="图片/3.gif" 
style=" background-repeat:no-repeat ;
background-size:100% 100%; 
background-attachment: fixed;">
    <!-- 网页头消息部 -->
    <header>
        <h1>网页标签或logo</h1>    
    </header>
    <!-- 网页导航消息 -->
    <nav>
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li><a href="#"></a>公司概况</li>
            <li><a href="#"></a>关于我们</li>
        </ul>
    </nav>
    <!-- 无具体语义，非常适合阅读模式 -->
<main>
    <!-- 有意义独立信息区域 -->
<article>
    <header>
        <h1>新闻标题</h1>
        <h2>新闻副标题</h2>
    </header>
    <!-- 信息内容中的区域 -->
    <section>
        文章作者，发表时间，阅读次数等信息
    </section>
    <select>新闻主要内容</select>
    <section>
        <p>发表讨论</p>
        <article>
            <h3>张三发表</h3>
            <p>实在</p>
        </article>
        <article>
            <h3>李四发表</h3>
            <p>很好</p>
        </article>
    </section>
    <footer>
        作者简介
    </footer>
</article>
<!-- 独立相关内容 -->
<aside>
    当前新闻相关的其他新闻内容
    <!-- 内联文本相关标签 -->
    <hr>
    <abbr title="万维网">WWW</abbr>
    <dfn>定义术语</dfn><br>
    <mark>高亮标记</mark><br>
    <code>int i;</code><br>
    <small>法律条文</small><br>
    <!-- input新增类型 -->
    <input type="color" name="" id="">
    <input type="email" name="" id="">
    <input type="tel" name="" id="">
    <input type="url" name="" id="">
    <input type="date" name="" id="">
    <input type="month" name="" id="">
    <input type="week" name="" id="">
    <input type="time" name="" id="">
    <hr>
</aside>
</main>

    <!-- 网页信息底部 -->
    <footer>
    <p>页面底部</p>
    <!-- 指明为地址信息 -->
    <address>地址：江西省九江市濂溪区</address>
    </footer>

</body>
</html>